Browser support for columns

แม่แบบ:CSS3 multiple column layoutMultiple columns are generated by using CSS3, which is still in development; thus only browsers that properly support the multi-column property will show multiple columns with {{Reflist}}.[2][3]

These browsers support CSS3 columns:

• Gecko-based browsers such as Mozilla Firefox
• WebKit-based browsers such as Safari and Google Chrome
• Opera from version 11.10 onward
• Internet Explorer 10 Platform Preview

These browsers do not support CSS3 columns:

• Microsoft Trident-based browsers including Internet Explorer through to version 9[4]
• Opera through to version 11

Supporting CSS

{{Reflist}} uses a CSS rule in MediaWiki:Common.css to set the font size:

• div.reflist { font-size: 90%; }

One of the following classes is assigned by the template when either column count or column width is set:

• .references-column-count and .references-column-count-n (where n is the numer of columns)
• .references-column-width

The following CSS properties are utilized using the {{column-count}} and {{column-width}} templates:

• column-count CSS3 standard
• column-width CSS3 standard
• -moz-column-count Mozilla CSS extension
• -moz-column-width Mozilla CSS extension
• -webkit-column-count Webkit CSS extension
• -webkit-column-width Webkit CSS extension

Customizing the view

By editing your CSS, the personal appearance of the reference list can be customized. From Preferences, select the Appearance tab, then on the selected skin select Custom CSS. After editing and saving, follow the instructions at the top of the page to purge. See Wikipedia:Skin#Customisation (advanced users) for more help.

The font size for all reference lists defaults to 90% of the standard size. To change it, add:

ol.references,div.reflist,div.refbegin {    font-size: 90%;}

Change 90% to the desired size.

To disable columns, add:

.references-column-count, .references-column-width {    column-count: 1 !important;    column-width: auto !important;    -moz-column-count: 1 !important;    -moz-column-width: auto !important;    -webkit-column-count: 1 !important;    -webkit-column-width: auto !important;}

Similarly, to force all reference lists to a number of columns, change the number.

To add dividers (rules) between columns, add:

.references-column-count, .references-column-width {    column-rule: 1px solid #aaa;    -moz-column-rule: 1px solid #aaa;    -webkit-column-rule: 1px solid #aaa;}

You can alter the appearance of the dividers by changing the values.

Bugs

Note that, whereas {{reflist|15em|group="e"}} works as expected, {{reflist|15em |group="e"}} (with an extra space) currently does not display in columns.